*{ padding: 0px; margin: 0px; font-family: "STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif;}
html,body{max-width: 750px; margin: 0 auto; background: #fff;}

p{ margin-bottom: 0;}
/*MUI重写*/

.mui-content{ background: #fff;}




.zxapp_top{ height:90px; width: 100%;  background: #FFF; border-bottom:1px solid #e5e5e5; }
.zxapp_top .zxapp_top_con{height:90px; width: 100%; position:relative }
.zxapp_top .zxapp_top_con .zxapp_top_left{ width: 5%; position: absolute;left: 3%; top: 35%;}
.zxapp_top .zxapp_top_con .zxapp_top_left img{ width: 100%;}
.zxapp_top .zxapp_top_con .zxapp_top_conter{ width: 34%;position: absolute;left:33%; top:30%;}
.zxapp_top .zxapp_top_con .zxapp_top_conter img{ width: 100%;}
.zxapp_top .zxapp_top_con .zxapp_top_right{width: 7.3%;position: absolute;right:3%; top: 25%;}
.zxapp_top .zxapp_top_con .zxapp_top_right img{ width: 100%;}
.zxapp_nav{ width: 100%; max-width: 750px; /*height: 80px;*/ position: sticky; left: 0; top: 0; z-index: 999; background: #FFF;}
.zxapp_nav_tops{width: 100%; /*height: 80px;*/ position: sticky; left: 0; top: 0; z-index: 999; background: #FFF; }
/*.zxapp_navs{ opacity: 0;}  下面测试*/
.zxapp_navs{ opacity: 1;}
.zxapp_navs .swiper-wrapper .swiper-slide{ text-align: center;}
.zxapp_navs .swiper-wrapper a{ text-align: center; color: #333; line-height: 80px; font-size: 20px;}


.zxapp_nav .zxapp_nav_top{overflow: hidden; width: 100%; height:100%;border-bottom:1px solid #e5e5e5; }
.zxapp_nav .zxapp_nav_top .zxapp_nav_left{ width: 88%; float: left; border-right:1px solid #CCC}
.zxapp_nav .zxapp_nav_top .zxapp_nav_left .swiper-wrapper a{ text-align: center; color: #333; line-height: 78px; font-size: 20px;}
.zxapp_nav .zxapp_nav_top .zxapp_nav_left .swiper-wrapper .active{ color: #0084ff;border-bottom: 2px solid #0084ff;}

.zxapp_nav .zxapp_nav_top .zxapp_nav_right{ width: 11%; height:80px; float: right; background: url(../images/move.png) no-repeat center center; background-size:50% 50% ; transition:all 0.5s ease 0s;  }
.zxapp_nav .zxapp_nav_top  .show{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}

.zxapp_nav_bottom { transition:all 0.5s ease 0s; position: absolute; z-index: 888;}

.zxapp_nav_bottom .mui-content .mui-row { padding-top:10%;}
.zxapp_nav_bottom .mui-content .mui-row div{ text-align: center; font-size: 14px;}


.zxapp_navs_com{display: none;}
.zxapp_navs_com{ border-bottom: 1px solid #dbdbdb;}
.nav-smartSetup ul li{  list-style-type: none; width: 80px; text-align: center; font-size: 14px;}
.nav-smartSetup ul li a{ color: #333;height: 40px; line-height: 38px;}
.nav-smartSetup ul  .active a{ color: #0084ff; }
/*.nav-smartSetup ul  .active{border-bottom: 1px solid #0084ff;}*/

.zxapp_nav_bottom .mui-content .mui-row div{ height: 40px; line-height: 40px; margin-bottom: 10px; white-space: nowrap; overflow: hidden;  font-size: 18px; font-weight: 500; color: #000;}

/*推荐*/
@media (max-width: 768px) {
	.zxapp_top{ height: 50px }
	.zxapp_top .zxapp_top_con{height:50px;}
	.zxapp_nav{ width: 100%;zxapp_navs}
    .zxapp_nav .zxapp_nav_top{ height: 40px;}
	.zxapp_nav .zxapp_nav_top .zxapp_nav_left .swiper-wrapper a{ text-align: center; color: #333; line-height: 38px; font-size: 15px;}
	
	.zxapp_nav .zxapp_nav_top .zxapp_nav_right{height:40px; }
	.zxapp_nav_tops{width: 100%; /*height: 80px;*/ position: sticky; left: 0; top: 0; z-index: 999; background: #FFF;text-align: center;}

/*	.zxapp_navs .swiper-wrapper a{ text-align: center; color: #333; line-height: 38px; font-size: 15px; }*/

	.nav-smartSetup ul li{ list-style-type: none; width: 100px; text-align: center; font-size: 14px;}
	.nav-smartSetup ul li a{ color: #333; height: 40px; line-height: 38px;}
	.nav-smartSetup ul  .active a{ color: #0084ff; }
		/*.nav-smartSetup ul  .active{border-bottom: 1px solid #0084ff;}*/
	}